(function ($) {
    $.fn.tabsDemo = function (options) {
        var def = {
            range: 100
        };

        var options = $.extend({},def,options);
        var el = $(this);
        var contScr , contLi , contLiActive , wrapCont , contIndex , contDel , addButton , addMsg;

        // 获取刷新的元素
        function resfEl() {
            // 选项卡
            contScr = el.find("#dataMenuRoot"); //父容器
            contLi = el.find("#dataMenuRoot li"); // 选项卡
            contLiActive = el.find("#dataMenuRoot .active"); //被激活的选项卡

            //选项卡对应的内容
            wrapCont = el.find("#mainData"); //父容器
            contIndex = el.find("#mainData .cont-index"); //内容容器
            contDel = el.find("#dataMenuRoot li .del"); //删除 x 号

            // 添加选项卡
            addButton = el.find('.full-inp');
            addMsg = el.find(".full-msg");
        }

        resfEl();

        // 点击选项卡
        contScr.on("click", "li" , function () {
            resfEl();
            var _this = $(this);
            _this
                .addClass("active")
                .siblings(_this)
                .removeClass("active")
            contIndex.eq(_this.index()).show().sibling().hide();
        });

        // 删除 选项卡
        contDel.on("click" , function () {
            resfEl();
            contLiActive.index() == contLi.length - 1 ? contLi.eq(contLi.length - 2).addClass("active"):"";

            var _this = $(this);
            var parLi = _this.parent().index();
            _this.parent().remove();
            contIndex.eq(parLi).remove();

            resfEl();
            contIndex.eq(contLiActive.index()).show();
        });

        // 添加选项卡
        addButton.on("click" , function () {
            // 解密后的信息
            var msgDecode = JSON.parse($.encrypt.decode(addMsg.val()));
            var title = msgDecode.menuName;
            var url = msgDecode.jumpAddress;
            console.log(title + "；" + url);
            $.ajax({
                type:"POST",
                url: url ,
                data: "",
                dataType:"text",
                success:function(data){
                    // 选项卡内容
                    var strLi = "<li >\n" +
                        "                            <span>" + title + "</span>\n" +
                        "                    <a href='javascript:void(0)' >" +
                        "                            <i class=\"full-right glyphicon glyphicon-remove del\"  style='padding-top: 1px;width: 1px;height: 1px;float: right'></i>\n" +
                        "                    </a>\n" +
                        "                </li>";
                    var menuData = "<div class='cont-index'>" + data + "</div>";
                    contScr.append(strLi);
                    wrapCont.append(menuData);
                    resfEl();
                    contLi.eq(contLi.length - 1).addClass("active").siblings(this).removeClass("active");
                    contIndex.eq(contLi.length - 1).show().siblings(this).hide();
                    getliWidth();
                },
                error:function () {

                }
            });
        });

        // 标签父容器 宽度
        getliWidth()
        function getliWidth(){
            var contLiWidth = 0;
            contLi.each(function(){
                contLiWidth += $(this).outerWidth(true)
            });
            contScr.css('width',contLiWidth + 2);
            console.log(contLiWidth + 2);
        }

    }
})(jQuery);